@input-height-lg: 36px;
@navbarBgColor: #2b303b;

.zz-ant-dark {
  .navbar {
    background-color: rgba(40,48,60,0.8) !important;
    // background-color: #001529;
    // background-color: #1a202e !important;
    // background-image: linear-gradient(180deg, #1a202e 1%, #131720 100%);

    .ant-menu-dark,
    .ant-menu-dark .ant-menu-sub {
      color: rgba(255, 255, 255, 0.9);
      // background: #1a202e;
      background-color: transparent !important;
    }

    .ant-menu-dark .ant-menu-item,
    .ant-menu-dark .ant-menu-submenu-title,
    .ant-menu-dark .ant-menu-item-group-title,
    .ant-menu-dark .ant-menu-item > a {
      color: rgba(255, 255, 255, 1);

      &:hover {
        color: rgba(0, 145, 255, 1);
      }
    }

    .zz-header-search {
      background-color: #383e4d;

      & > input {
        background-color: transparent;
        color: rgba(255, 255, 255, 0.75);
        caret-color: rgba(255, 255, 255, 0.75);
        &:focus {
          background-color: transparent;
        }
      }

      .zz-header-search-btn-close {
        border-right-color: rgba(255, 255, 255, 0.15);
      }

      .zz-header-search-btn {
        color: rgba(255, 255, 255, 0.5);
        &:hover {
          color: rgba(255, 255, 255, 0.9);
        }
      }
    }
  }

  .banner-bg {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1A202E, endColorstr=#131720);
    background-image: linear-gradient(180deg, #1a202e 1%, #131720 100%);
  }
}
